/** 公共前缀 */
@starter-prefix: tdesign-starter;

// 颜色、尺寸、阴影、圆角、字体 variables 请参考 https://tdesign.tencent.com/starter/docs/vue/design-token
// 响应式断点
@screen-sm: 768px;
@screen-md: 992px;
@screen-lg: 1200px;
@screen-xl: 1400px;

@screen-sm-min: @screen-sm;
@screen-md-min: @screen-md;
@screen-lg-min: @screen-lg;
@screen-xl-min: @screen-xl;

@screen-sm-max: calc(@screen-md-min - 1px);
@screen-md-max: calc(@screen-lg-min - 1px);
@screen-lg-max: calc(@screen-xl-min - 1px);

// 动画
@anim-time-fn-easing: cubic-bezier(0.38, 0, 0.24, 1);
@anim-time-fn-ease-out: cubic-bezier(0, 0, 0.15, 1);
@anim-time-fn-ease-in: cubic-bezier(0.82, 0, 1, 0.9);
@anim-duration-base: 0.2s;
@anim-duration-moderate: 0.24s;
@anim-duration-slow: 0.28s;

// 字体大小
@app-font-size-small: 12px;
@app-font-size-default: 14px;
@app-font-size-large: 16px;
// 组件高度
@app-height-component-small: 28px;
@app-height-component-default: 32px;
@app-height-component-large: 40px;
// 垂直间距
@app-space-vertical-small: 6px;
@app-space-vertical-default: 9px;
@app-space-vertical-large: 12px;
// 水平间距
@app-space-horizontal-small: 9px;
@app-space-horizontal-default: 12px;
@app-space-horizontal-large: 16px;

// 颜色
@app-color-primary: var(--td-brand-color);
@app-color-primary-1: var(--td-brand-color-1);
@app-color-primary-2: var(--td-brand-color-2);
@app-color-primary-3: var(--td-brand-color-3);
@app-color-primary-4: var(--td-brand-color-4);
@app-color-primary-5: var(--td-brand-color-5);
@app-color-primary-6: var(--td-brand-color-6);
@app-color-primary-7: var(--td-brand-color-7);
@app-color-primary-8: var(--td-brand-color-8);
@app-color-primary-9: var(--td-brand-color-9);
@app-color-primary-10: var(--td-brand-color-10);
@app-color-text-primary: var(--td-text-color-primary);
@app-color-text-secondary: var(--td-text-color-secondary);
@app-color-placeholder: var(--td-text-color-placeholder);
@app-color-bg-primary: var(--td-bg-color-container);
@app-color-bg-secondary: var(--td-bg-color-page);
